{include file="../app/view/common/header.html" subtitle="我们的钱" page="money"}
<link rel="stylesheet" link="/static/money/index.css">

    <h1 class="sum_money">我们班现在一共有：<span id="sum" style="font-size: 50px;text-align: center;"></span>块钱！</h1>
    <div class="select_div">
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <select class="mdui-select select-item" mdui-select id="subtype_select">
            <option value="*">入账/出账</option>
            <option value="IN">入账</option>
            <option value="OUT">出账</option>
        </select>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <select class="mdui-select select-item" mdui-select id="type_select">
            <option value="*">所有类型</option>
        </select>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent" onclick="searchMoney()">查询钱钱都去哪里了</button>
        <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent" onclick="post_dialog.open()">增加一条新的记录</button>
    </div>
    <div class="mdui-table-fluid">
        <table class="mdui-table mdui-table-hoverable">
          <thead>
            <tr>
              <th>#</th>
              <th style="min-width: 150px;">备注</th>
              <th style="width: 50px;">金额（元）</th>
              <th style="width: 30px;">收支</th>
              <th style="width: 30px;">类型</th>
              <th style="width: 36px;">操作人</th>
              <th>时间</th>
            </tr>
          </thead>
          <tbody id="table">
            
          </tbody>
        </table>
      </div>
    <script>
        var sub = `<tr>
                <td>ID</td>
                <td style="font-size: 12px;">CONTENT</td>
                <td style="font-size: 12px;">NUMBER</td>
                <td style="font-size: 13px;">SUBTYPE</td>
                <td style="font-size: 13px;">TYPE</td>
                <td style="font-size: 12px;">USER</td>
                <td>TIME</td>
                </tr>`
    </script>
    <!-- 新建新纪录对话框 -->
    <div class="mdui-dialog" id="post_dialog" style="z-index: 1050;">
        <div class="mdui-dialog-title">新建一条新纪录</div>
        <div class="mdui-dialog-content">
            <div class="mdui-textfield mdui-textfield-floating-label">
                <label class="mdui-textfield-label">备注</label>
                <input class="mdui-textfield-input"  id="post_content"/>
            </div>
            <div class="mdui-textfield mdui-textfield-floating-label">
                <label class="mdui-textfield-label">金额</label>
                <input class="mdui-textfield-input" type="number" id="post_number"/>
            </div>
            <br>
            <select class="mdui-select select-item" id="post_subtype_select" mdui-select="{position: ''}">
                <option value="*">请选择收支</option>
                <option value="IN">入账</option>
                <option value="OUT">出账</option>
            </select>
            <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <select class="mdui-select select-item" id="post_type_select" mdui-select="{position: ''}">
                <option value="*">请选择类型</option>
            </select>
            <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <select class="mdui-select select-item" id="post_user_select" mdui-select="{position: ''}" style="z-index: 88888;overflow:visible;">
                <option value="0">请选择操作者</option>
            </select>
            <br><br><br><br><br><br><br><br><br><br><br>
            
          
        </div>
        <div class="mdui-dialog-actions">
            <button class="mdui-btn mdui-ripple mdui-color-theme-accent" onclick="addNew()">上传记录</button>
            <button class="mdui-btn mdui-ripple mdui-color-theme-accent" onclick="post_dialog.close()">取消上传</button>
        </div>
    </div>
    <link href="./static/money/index.css" rel="stylesheet" type="text/css">
    <script src="./static/money/index.js"></script>
</body>
</html>